<!DOCTYPE html>
<#import "/spring.ftl" as spring/>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>认证</title>
    <script>
        !function (e) {
            var t = e.document
                , n = t.documentElement
                , i = "orientationchange" in e ? "orientationchange" : "resize"
                , a = function e() {
                var t = n.getBoundingClientRect().width;
                return n.style.fontSize = 5 * Math.max(Math.min(t / 750 * 20, 11.2), 8.55) + "px",
                    e
            }();
            n.setAttribute("data-dpr", e.navigator.appVersion.match(/iphone/gi) ? e.devicePixelRatio : 1),
            /iP(hone|od|ad)/.test(e.navigator.userAgent) && (t.documentElement.classList.add("ios"),
            parseInt(e.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1], 10) >= 8 && t.documentElement.classList.add("hairline")),
            t.addEventListener && (e.addEventListener(i, a, !1),
                t.addEventListener("DOMContentLoaded", a, !1))
        }(window);
    </script>
    <style scoped>
        #app {
            font-family: Helvetica, Arial, sans-serif, 'Avenir';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-align: center;
            color: #2c3e50;
            margin-top: 60px;
        }

        .logo img {
            width: 1.725rem;
            height: 1.725rem;
        }

        .logo p {
            line-height: 0.5rem;
            height: 0.9rem;
            font-size: 0.275rem;
            color: #595959;
            letter-spacing: 1px;
        }

        .form-input {
            height: .6rem;
            width: 6.2rem;
            margin: auto;
            margin-bottom: 20px;
            border-bottom: 2px solid #72C68C;
        }

        .form-input img {
            height: 0.5rem;
            width: 0.5rem;
        }

        .form-input input {
            width: 5.4rem;
            vertical-align: middle;
            background-repeat: no-repeat;
            background-size: 0.5rem 0.5rem;
            background-position: 0 0;
            height: 0.5rem;
            border: none;
            box-shadow: none;
            outline: none;
            color: #333;
            font-size: 0.3rem;
        }

        .form-submit {
            margin-top: 20px;
        }

        #submit {
            width: 6.2rem;
            background: #39C467;
            height: 1rem;
            border: 0;
            color: white;
            font-size: 0.35rem;
            letter-spacing: 0.05rem;
            outline: none;
            border-radius: 10px;
        }

        #submit.disabled {
            background: lightgrey;
        }

        input::-webkit-input-placeholder {
            color: #A0A0A0;
        }

        input::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #A0A0A0;
        }

        input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #A0A0A0;
        }

        input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #A0A0A0;
        }

        .label-danger {
            font-size: 0.2rem;
        }
    </style>
</head>
<body>
<div id="app">

    <form action="${rc.contextPath}/login.do" method="post" autocomplete="off" class="form-horizontal">

        <div class="logo">
            <p>统一认证</p>
        </div>
        <div class="login-form">
            <input type="hidden" name="domain" value="b"/>
            <input type="hidden" name="authenticationType" value="password"/>
            <div class="form-input">
                <input type="text" autocomplete="off" required="required" v-model="username" name="username"/>
            </div>
            <div class="form-input">
                <input type="password" autocomplete="off" required="required" v-model="password" name="password"/>
            </div>
            <#if RequestParameters["authentication_error"]??>
            <#if RequestParameters["authentication_error"]=='2'>
            <span class="label label-danger">拒绝访问 !!!</span>
        </
        #if>

        <#if RequestParameters["authentication_error"]=='1'>
        <span class="label label-danger">用户名或密码错误</span></c:if>
    </
    #if>
</
#if>
<div class="form-submit">
    <input type="submit" id="submit" value="登录">
</div>
</div>

</form>
</div>
</body>
</html>
